//封装购物车模块
import { defineStore } from "pinia";
import { ref, computed } from "vue";
import { useUserStore } from "./user";
import { insertCartAPI, findNewCartListAPI, delCartAPI } from "@/apis/cart";

export const useCartStore = defineStore(
  "cart",
  () => {
    const userStore = useUserStore();

    //存储用户token,用于判断是否登录
    const isLogin = computed(() => userStore.userInfo.token);

    //定义state -carList 存储购物车数据
    const cartList = ref([]);

    //获取最新的购物车列表action
    const updateNewList = async () => {
      //调用获取购物车列表接口
      const res = await findNewCartListAPI();
      //替换本地存储的购物车数据
      cartList.value = res.result;
    };

    //定义action-addCart 购物车添加商品
    const addCart = async (goods) => {
      const { skuId, count } = goods;
      if (isLogin.value) {
        //登录之后的加入购物车逻辑
        //添加购物车的请求
        await insertCartAPI({ skuId, count });
        //重新获取新的购物车列表数据
        updateNewList();
      } else {
        //添加购物车操作(本地购物车)
        //已添加过-count + 1
        //没有添加过- 直接push
        //思路：通过匹配传递过来的商品对象中的skuId能不能在carList中找到，找到了就是添加过
        const item = cartList.value.find((item) => goods.skuId === item.skuId);
        if (item) {
          //找到了
          item.count++;
        } else {
          //没找到
          cartList.value.push(goods);
        }
      }
    };

    // 购物车单选功能
    const singleCheck = (skuId, selected) => {
      //通过skuid找到要修改的那一项 然后把它的selected修改为传过来的selected
      //item中的skuid和传过来的skuid
      const item = cartList.value.find((item) => item.skuId === skuId);
      item.selected = selected;
    };

    // 全选功能
    const allCheck = (selected) => {
      //把carList中的每一项的selected都设置为当前的全选框状态
      cartList.value.forEach((item) => (item.selected = selected));
    };

    //定义action-delCart 删除购物车
    const delCart = async (skuId) => {
      if (isLogin.value) {
        //登录之后的删除购物车逻辑
        //添加购物车的请求
        //调用接口实现接口购物车中的删除功能
        await delCartAPI([skuId]);
        //重新获取新的购物车列表数据
        updateNewList();
      } else {
        //本地购物车的删除购物车逻辑
        //1.找到要删除项的下标值 - splice
        //2.使用数组的过滤方法- filter
        const idx = cartList.value.findIndex((item) => skuId === item.skuId);
        cartList.value.splice(idx, 1);
      }
    };

    //清除购物车
    const clearCart = () => {
      cartList.value = [];
    };

    //是否全选(只有当所有单选按钮（item项）选中时，全选按钮选中)
    const isAll = computed(() => cartList.value.every((item) => item.selected));

    // 计算属性
    // 1.总的数量  所有项的count之和
    const allCount = computed(() =>
      cartList.value.reduce((a, c) => a + c.count, 0)
    );

    //已选择数量
    const selectedCount = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count, 0)
    );

    // 2.总价 所有项的count*price之和
    const allPrice = computed(() =>
      cartList.value.reduce((a, c) => a + c.count * c.price, 0)
    );

    //已选择的商品总价
    const selectedPrice = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count * c.price, 0)
    );

    return {
      cartList,
      addCart,
      delCart,
      allCount,
      allPrice,
      singleCheck,
      isAll,
      allCheck,
      selectedCount,
      selectedPrice,
      clearCart,
      updateNewList,
    };
  },
  {
    persist: true,
  }
);
